/* #region基础初始化 */
/* 通配符 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 版心 */
.w {
    width: 1200px;
    margin: 0 auto;
}

/* 所有标签的m0p0 */
html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
    margin: 0;
    padding: 0;
}

/* 主体最小宽度为100% */
html,
body {
    min-height: 100%;
}

/* 去掉标题的粗体效果 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

/* 去掉有序无序自定义列表的默认样式 */
ul,
ol,
li {
    list-style: none;
}

/* 双伪元素,去塌陷,清除浮动效果 */
.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
    /* 兼容性的作用 */
    height: 0;
    visibility: hidden;
}

.clearfix::after {
    clear: both;
}

/* 左右浮动 */
.fl {
    float: left
}

.fr {
    float: right
}

/* 清除a的下划线 */
a {
    text-decoration: none;
    color: #333333;
}

table,
th,
tr,
td {
    border: 1px solid #333;
    border-collapse: collapse;
}

input,
button {
    /*去掉input的轮廓线*/
    outline: none;
    border: 0;
}

/* 兼容ie6 ie7 */
/*ie浏览器 */
.clearfix {
    *zoom: 1;
}

/* #endregion */